<template>
    <div class="all">
        <div class="left">
          <left></left>
        </div>
        <div class="right">
          <div class="top">
            <top></top>
          </div>
        </div>
    </div>
</template>

<script>
  import axios from 'axios'
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  import bus from '@/assets/bus.js'
  export default {
      name: 'index',
      components:{left,top},
      data(){
      	return{

      	}
      },
      watch: {
        // num:function(newValue, oldValue) {
        //   console.log(newValue, oldValue)
        // }
      },
      computed:{
        // zongjia:function(){
        //   return this.num * 100
        // }
      },
      created() {


      },
      methods: {

      },

  }
</script>

<style scoped lang="less">
    .all{ display: flex; height: 100vh;
      .left{ width: 200px; height: 100%; background: #414652; box-shadow: 0 2px 10px #2D3038;}
      .right{ width: calc(100% - 180px); height: 100%; }
    }
</style>
